function TabBtnClick() {
    number = number+1
    order_num = order_num+1
    custom.push({number:number,order_num:order_num,type:2})
    for(let index in custom){
        if(custom[index].number == number){
            custom[index].ionrange_1 = 0
            custom[index].ionrange_2 = 100
            custom[index].ionrange_3 = 200
            custom[index].img = []
            var imgList1 = {imgNumber:1,imgeSrc:'',urlType:0,urlId:0,urlTitle:''}
            var imgList2 = {imgNumber:2,imgeSrc:'',urlType:0,urlId:0,urlTitle:''}
            custom[index].img.push(imgList1)
            custom[index].img.push(imgList2)
        }
    }
    var html = ' <div class="form-group draggable dropped ui-draggable" id="dropped_'+number+'" data-number="'+number+'">\n' +
        '<div class="TabBtnClass">\n' +
        '    <span>全部</span>\n' +
        '    <span>一起冲鸭</span>\n' +
        '    <span>心愿派送</span>\n' +
        '    <span>感谢</span>\n' +
        '    <span>生日</span>\n' +
        '    <span>萌系</span>\n' +
        '    <span>咖啡</span>\n' +
        '    <span>礼包</span>\n' +
        '</div>'
        '        </div>'
    var img = $('#field_image').html()
    //隐藏所有
    $('#sortable_leve').find('div[class="level_number"]').css("display","none")
    var level = '<div class="level_number" style="width: 90%; position: relative" id="level_'+number+'" data-number="'+number+'">\n' +
        '<i style="position: absolute;right:-70px; top:-9px;font-size: 25px; cursor: pointer" class="fa fa-times LunboListClick"></i>\n' +
        ' <div class="m-b-sm m-t">\n' +
        '                            <small><strong>上边距</strong></small>\n' +
        '                        </div>\n' +
        '                        <div class="ionrange_1" data-number="'+number+'" ></div>\n' +
        ' <div class="m-b-sm m-t">\n' +
        '                            <small><strong>宽度调试</strong></small>\n' +
        '                        </div>\n' +
        '                        <div class="ionrange_2" data-number="'+number+'" ></div>\n' +
        ' <div class="m-b-sm m-t">\n' +
        '                            <small><strong>高度调试</strong></small>\n' +
        '                        </div>\n' +
        '                        <div class="ionrange_3" data-number="'+number+'" ></div>\n' +
        '        <div style="display: flex;justify-content: start; margin-top: 10px;  align-items: center">\n' +
        '            <span style="font-size: 15px;color:#555; margin-right: 5px">图片角度：</span>\n' +
        '            <span onclick="normalIdClick()" id="normalId" style="font-size: 15px;color:#555; margin-right: 5px; cursor: pointer; border: 1px solid #f1f1f1;padding: 3px 9px;">正常</span>\n' +
        '            <span id="normaBanlId" style="font-size: 15px;color:#555; margin-right: 5px; cursor: pointer; border: 1px solid #f1f1f1;padding: 3px 9px; margin: 0 12px">半圆</span>\n' +
        '            <span id="semicircleId"style="font-size: 15px;color:#555; margin-right: 5px; cursor: pointer; border: 1px solid #f1f1f1;padding: 3px 9px;">通圆</span>\n' +
        '        </div>\n' +
        '                            <div class="hr-line-dashed"></div></div>\n' +
        '                            </div>\n' +
        '                        </div>'

    $('#sortable').append(html);
    $('#sortable_leve').append(level);


    $(".ionrange_1").ionRangeSlider({
        min: 0,
        max: 100,
        type: "single",
        step: 1,
        postfix: "px",
        prettify: false,
        hasGrid: true,
        from: 0,
        onChange:function (obj) {
            $("#dropped_"+obj.input.context.dataset.number+"").find("div[class='TabBtnClass']").css("margin-top",obj.fromNumber)
            for(let index in custom){
                if(custom[index].number == obj.input.context.dataset.number){
                    custom[index].ionrange_1 = obj.fromNumber
                }
            }

        }
    });
    $(".ionrange_2").ionRangeSlider({
        min: 0,
        max: 100,
        type: "single",
        step: 1,
        postfix: "%",
        prettify: false,
        hasGrid: true,
        from: 100,
        onChange:function (obj) {
            $("#dropped_"+obj.input.context.dataset.number+"").find("div[class='TabBtnClass']").css("width",obj.fromNumber+"%")
            for(let index in custom){
                if(custom[index].number == obj.input.context.dataset.number){
                    custom[index].ionrange_2 = obj.fromNumber
                }
            }

        }
    });
    $(".ionrange_3").ionRangeSlider({
        min: 0,
        max: 100,
        type: "single",
        step: 1,
        postfix: "px",
        prettify: false,
        hasGrid: true,
        from: 40,
        onChange:function (obj) {
            $("#dropped_"+obj.input.context.dataset.number+"").find("div[class='TabBtnClass']").css("height",obj.fromNumber+"px")
            $("#dropped_"+obj.input.context.dataset.number+"").find("div[class='TabBtnClass']").css("lineHeight",obj.fromNumber+"px" )
            for(let index in custom){
                if(custom[index].number == obj.input.context.dataset.number){
                    custom[index].ionrange_3 = obj.fromNumber
                }
            }
        }
    });
}
